<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<META NAME="Generator" CONTENT="NetObjects Fusion 5.0 for Windows">
<TITLE>Buttons</TITLE>
<HTML>
<HEAD>
<TITLE>JavaScript Source Code 3000:  Button Scripts</TITLE>
<META HTTP-EQUIV="JavaScript Source Code 3000" CONTENT="no-cache">
<META NAME="date" CONTENT="2000-09-09">
<META NAME="channel" CONTENT="Web Developer">
<META NAME="author" CONTENT="JavaScript Source Code 3000">
<META NAME="section" CONTENT="Buttons">
<META NAME="description" CONTENT="JavaScript Buttons -- These scripts all deal with JavaScript Button Effects.  There are some really neat buttons you can use on your page.">
<meta name="keywords" content="button alert subject email headliner textarea window size">
<meta name="ROBOTS" content="ALL">
<meta name="title" content="JavaScript Source Code 3000 - Button Scripts">
<meta name="subject" content="JavaScript">
<LINK REL="stylesheet" href="../styles/jsstyles.css" /styles/jsstyles.css" type="text/css">
</HEAD>

<BODY>

<BR>

</CENTER>

<P CLASS="listingtxt">
These scripts all deal with JavaScript Button Effects.  I'll show you some really neat buttons you can use on your page.  Every entry now also has a Source Code Box so you may see the EXACT JavaScript code used to create the button.<hr noshade size=5 class="listing"></P>

<!--content_start-->

<P CLASS="listingtxt">
<b>Title:</b> <a name="alertbutton" href="alert-button.html" /buttons/alert-button.html">Alert Button</a><BR><b>Details:</b> 0.50 KB * Uploaded June 21 1997<br><b>Description:</b>  This is probably the simpliest Button JavaScript.  Copy 4 lines of HTML into your document and you have a button alert!  The button can have different words on it and the message can also be customized.</P><P CLASS="listingalign" align=right>[ <a href="alert-button.html#source" /buttons/alert-button.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="apologizemail" href="apologize-mail.html" /buttons/apologize-mail.html">Apologize E-Mail</a><BR><b>Details:</b> 0.74 KB * Uploaded June 21 1997<br><b>Description:</b>  This script, when activated, makes the user send an apologetic e-mail - whether they like it or not!  Very funny, but has no real use.</P><P CLASS="listingalign" align=right>[ <a href="apologize-mail.html#source" /buttons/apologize-mail.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Button_Link" href="button-link.html" /buttons/button-link.html">Button Link</a><br><b>Contributor:</b>  <a href="mailto:shildebr@online.no">Sven David Hildebrandt</a>  (<a href="mailto:shildebr@online.no">shildebr@online.no</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://home.hia.no/~sdhild99  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://home.hia.no/~sdhild99'" tppabs="http://home.hia.no/~sdhild99">http://home.hia.no/~sdhild99</a><br><b>Details:</b> 0.91 KB * Uploaded January 10 2001<br><b>Description:</b>  This short script will turn an ordinary button into a link to any page.  Easy!</P><P CLASS="listingalign" align=right>[ <a href="button-link.html#source" /buttons/button-link.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Check_All" href="check-all.html" /buttons/check-all.html">Check All</a><br><b>Details:</b> 1.47 KB * Uploaded June 30 2000<br><b>Description:</b>  Dynamically checks and unchecks all the checkboxes in a form when a button is clicked.  Much easier than manually hard-coding the checkbox names, for sure.  Updated to only require one button to check and uncheck all boxes.</P><P CLASS="listingalign" align=right>[ <a href="check-all.html#source" /buttons/check-all.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Click_to_Submit" href="click-to-submit.html" /buttons/click-to-submit.html">Click to Submit</a><br><b>Contributor:</b>  <a href="mailto:shafen@mail.com">Shawn Hafen</a>  (<a href="mailto:shafen@mail.com">shafen@mail.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://shafen0.tripod.com/index.html  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://shafen0.tripod.com/index.html'" tppabs="http://shafen0.tripod.com/index.html">http://shafen0.tripod.com/index.html</a><br><b>Details:</b> 1.09 KB * Uploaded December 5 2000<br><b>Description:</b>  Prevent the Return key from accidentally submitting a form.  The user now MUST click on the submit button.  Great!</P><P CLASS="listingalign" align=right>[ <a href="click-to-submit.html#source" /buttons/click-to-submit.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="directions" href="directions.html" /buttons/directions.html">Directional Buttons</a><BR><b>Details:</b> 0.53 KB * Uploaded June 21 1997<br><b>Description:</b>  This effect is practically unused.  6 lines of HTML give you back and forward buttons that act exactly like the ones in your web browser.  This script is best used in frames where one frame is the 'menu' - It makes your users feel more secure when they know they can go back.</P><P CLASS="listingalign" align=right>[ <a href="directions.html#source" /buttons/directions.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="email" href="email.html" /buttons/email.html">E-Mail Buttons</a><BR><b>Details:</b> 0.70 KB * Uploaded June 21 1997<br><b>Description:</b>  This effect, however, is over-used.  A JavaScript button will bring up an E-Mail Window for your users.  You can also include a predefined subject if you so decide.  Both methods are demonstrated.</P><P CLASS="listingalign" align=right>[ <a href="email.html#source" /buttons/email.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Fading_Button" href="fading-button.html" /buttons/fading-button.html">Fading Button</a><br><b>Contributor:</b>  <a href="mailto:emmaster@yahoo.com">Aidan Samuel</a>  (<a href="mailto:emmaster@yahoo.com">emmaster@yahoo.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.geocities.com/emmaster/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.geocities.com/emmaster/'" tppabs="http://www.geocities.com/emmaster/">http://www.geocities.com/emmaster/</a><br><b>Details:</b> 1.46 KB * Uploaded January 29 2001<br><b>Description:</b>  (Internet Explorer Only) Move your mouse over the button and watch it fade to another color and then fade back to original color once you move your mouse off.  The message on the button will even change after you click on it!</P><P CLASS="listingalign" align=right>[ <a href="fading-button.html#source" /buttons/fading-button.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="headliner" href="headliner.html" /buttons/headliner.html">Headliner</a><BR><B>Contributor:</B>  <a href="mailto:Jan_P@dds.nl">Jan Pijnacker</a>&nbsp;(<a href="mailto:Jan_P@dds.nl">Jan_P@dds.nl</a>)<BR><b>Details:</b> 5.69 KB * Uploaded February 22 1998<br><b>Description:</b>  When you need to present information on your site, you should consider this script.  Appropriately named the Headliner, it presents a number of messages to your visitors in many different formats including a simple scroll, typewriter, expand, and just static text.  Each message when clicked can take the visitor to a different URL! This script is really great....  Just check it out!</P><P CLASS="listingalign" align=right>[ <a href="headliner.html#source" /buttons/headliner.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Image_Button" href="image-button.html" /buttons/image-button.html">Image Button</a><br><b>Contributor:</b>  <a href="mailto:support@codelifter.com">CodeLifter.com</a>  (<a href="mailto:support@codelifter.com">support@codelifter.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.codelifter.com/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.codelifter.com/'" tppabs="http://www.codelifter.com/">http://www.codelifter.com</a><br><b>Details:</b> 1.83 KB * Uploaded January 17 2001<br><b>Description:</b>  Easily create active buttons with any image.  Repositions image when your mouse passes over it and moves again when clicked on.  Easy!</P><P CLASS="listingalign" align=right>[ <a href="image-button.html#source" /buttons/image-button.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="mrpushme" href="mrpushme.html" /buttons/mrpushme.html">Mr. Push Me!</a><BR><b>Details:</b> 2.96 KB * Uploaded June 21 1997<br><b>Description:</b>  Let JavaScript introduce you to the increasingly popular Mr. Push Me!  Mr. Push doesn't mind the occassional push, but watch out if you over do it!</P><P CLASS="listingalign" align=right>[ <a href="mrpushme.html#source" /buttons/mrpushme.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="gomenu" href="../navigation/menu.html" /navigation/menu.html">Pulldown Menu</a><BR><b>Details:</b> 1.23 KB * Uploaded June 21 1997<br><b>Description:</b>  Use JavaScript to help your visitors dynamically 'surf' your page.  They simply use the pulldown menu to select a destination and then click Go! and they're there!  This script also supports an endless number of destinations.  Just copy the template and fill it in accordingly.</P><P CLASS="listingalign" align=right>[ <a href="../navigation/menu.html#source" /navigation/menu.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="randomlink" href="r-link.html" /buttons/r-link.html">Random Link Generator</a><BR><b>Details:</b> 0.99 KB * Uploaded June 21 1997<br><B>Description:</b>  Are you feeling, I don't know.... A little random? Then check out this random link generator! It randomly selects a URL from a pre-determined list and sends the user there!</P><P CLASS="listingalign" align=right>[ <a href="r-link.html#source" /buttons/r-link.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="subjectemail" href="subject-email.html" /buttons/subject-email.html">Subject E-Mail</a><BR><b>Details:</b> 0.57 * Uploaded December 4 1997<br><B>Description:</b>  Let your visitors send you e-mail with a predetermined subject!</P><P CLASS="listingalign" align=right>[ <a href="subject-email.html#source" /buttons/subject-email.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="textarea" href="textarea.html" /buttons/textarea.html">Textarea Alert</a><BR><b>Details:</b> 0.83 KB * Uploaded June 21 1997<br><b>Description:</b>  Use JavaScript to alert your user with the contents of a text area!  This also serves little purpose in the real world, but nonetheless is a great example of JavaScript.  Type something in the box and hit 'Alert Me!'</P><P CLASS="listingalign" align=right>[ <a href="textarea.html#source" /buttons/textarea.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Up_&_Down_Box" href="up-down-box.html" /buttons/up-down-box.html">Up & Down Box</a><br><b>Details:</b> 0.45 KB * Uploaded January 7 2000<br><b>Description:</b>  Allows the user to increase and decrease the value in a textbox by clicking up and down buttons.  Useful if you would like to allow the user to quickly modify a value in your form.   A short script too, just a few lines.</P><P CLASS="listingalign" align=right>[ <a href="up-down-box.html#source" /buttons/up-down-box.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="position" href="position.html" /buttons/position.html">Window Position</a><BR><b>Details:</b> 1.25 KB * Uploaded July 24 1998<br><b>Description:</b>  Do you not like where window.open() opens your new windows?  Using this JavaScript, you can actually have the new window open wherever you want!  Look at our example to see what we mean!  Really neat!</P><P CLASS="listingalign" align=right>[ <a href="position.html#source" /buttons/position.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="windowsizer" href="window-sizer.html" /buttons/window-sizer.html">Window Sizer</a><BR><b>Details:</b> 2.79 KB * Uploaded June 21 1997<br><b>Description:</b>  This JavaScript shows you different window dimensions.  It helps you to customize your web pages with the dimensions that best compliment your web site.</P><P CLASS="listingalign" align=right>[ <a href="window-sizer.html#source" /buttons/window-sizer.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

</FONT>
</CENTER>

</CENTER>

<BASE TARGET="_parent">
<LINK REL=STYLESHEET TYPE="text/css" HREF="../Buttons/style.css">
<LINK REL=STYLESHEET TYPE="text/css" HREF="../Buttons/site.css">
<STYLE>
</STYLE>
</HEAD>
<BODY TOPMARGIN=2 LEFTMARGIN=2 MARGINWIDTH=2 MARGINHEIGHT=2>
</BODY>
</HTML>
 